<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>教师端页面</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        .container{
            width: 1300px;
            height: 600px;
            margin: 20px auto;
            position: relative;
        }

        .header_hea{
            width: 100%;
            line-height: 50px;
            font-size: 21px;
            padding-left: 30px;
            color: forestgreen;
        }

        .header_hea a{
            text-decoration: none;
            color: orangered;
            position: relative;
        }

        /*    做一个伪类边框*/
        .header_hea:before{
            content: '';
            height: 44px;
            left: 0;
            right: 0;
            border: 3px dashed dodgerblue;
            position: absolute;
        }

        /*    中部*/
        .main_mat{
            width: 100%;
            height: 550px;
        }

        .mat_left{
            width: 20%;
            height: 550px;
            float: left;
            text-align: center;
        }

        .mat_left a{
            text-decoration: none;
            color: dodgerblue;
            font-size: 21px;
            line-height: 70px;
            position: relative;
            display: block;
        }

        .mat_left:before{
            content: '';
            height: 550px;
            left: 0;
            right: 80%;
            border-left: 3px dashed dodgerblue;
            border-right: 3px dashed dodgerblue;
            border-bottom: 3px dashed dodgerblue;
            position: absolute;
        }

        .mat_right{
            width: 80%;
            height: 550px;
            float: right;
        }

        .mat_right:before{
            content: '';
            height: 550px;
            left: 20%;
            right: 0;
            border-right: 3px dashed dodgerblue;
            border-bottom: 3px dashed dodgerblue;
            position: absolute;
        }

        .mat_list{
            width: 80%;
            overflow: hidden;
            margin: 20px auto;
            position: relative;
        }
        .mat_list label{
            width: 26.666%;
            display: inline-block;
            line-height: 45px;
            font-size: 18px;

        }

        /*    表*/
        .mat_border{
            width: 82%;
            overflow: hidden;
            margin: 20px auto;
            position: relative;
            text-align: center;
        }
        .mat_border label{
            width: 24%;
            display: inline-block;
            line-height: 65px;
            font-size: 15px;
            color: white;
            font-weight: bold;
            background-color: #ffa07a;
            margin: 4px 0;
        }

        /*    分页*/
        .ol_li{
            width: 82%;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
        }
        .ol_li li{
            width: 40px;
            height: 35px;
            text-align: center;
            border: 1px rebeccapurple solid;
            border-radius: 20%;
            list-style: none;
            cursor: pointer;
            margin: 0 10px;
            float: left;
        }
        .ol_li a{
            text-decoration: none;
            display: inline-block;
            width: 40px;
            line-height: 35px;
        }

        /*    背景颜色样式*/
        .default{
            background-color: aquamarine;
            color: white;
            border-radius: 20%;
        }

        .pore{
            width: 80%;
            margin: 30px auto;
            overflow: hidden;
            position: relative;
        }

        .select{
            width: 200px;
            padding: 7px 0;

        }
    </style>
</head>
<body>
<!--大区域-->
<div class="container">
    <!--    头部区域-->
    <div class="header_hea">
        欢迎学号/工号：<%= uid %>用户，使用学生管理系统发，当前您的职务是：<%= pname%>&nbsp;【<a href="/logout">退出登录</a>】
    </div>

    <!--    中部区域-->
    <div class="main_mat">
        <div class="mat_left">
            <a href="/home_teach">查询学生登录日志</a>
            <a href="/sel_scores">查询专业学生成绩</a>
            <a href="/add_scores">录入专业学生成绩</a>
            <a href="/sel_list">查询专业学生信息</a>
            <a href="">录入专业学生信息</a>
        </div>
        <!--        右边显示区域-->
        <div class="mat_right">

            <!--            显示-->
            <!--      数据进行存储  需要使用form标签      -->

            <form action="/stu_update" method="post" enctype="application/x-www-form-urlencoded">

                <table border="1" cellpadding="0" cellspacing="0" style="width: 80%;margin: 30px auto;border: 1px aqua solid;position: relative;">

                    <tr align="center" >
                        <td style="padding: 8px 0;">学生学号</td>
                        <td style="padding: 8px 0;">
                            <input type="text" value="<%= result[0].uid%>" disabled="disabled"  style="outline: none;padding: 8px 0px 8px 8px;width: 98%;border: 0px; background-color: white;" />
                            <input type="hidden" name="uid" value="<%= result[0].uid%>"  />
                        </td>
                    </tr>

                    <tr align="center" >
                        <td style="padding: 8px 0;">学生姓名</td>
                        <td style="padding: 8px 0;">
                            <input type="text" value="<%= result[0].stu_name%>" name="stu_name" style="outline: none;padding: 8px 0px 8px 8px;width: 98%;border: 0px;" />
                        </td>
                    </tr>
                    <tr align="center" >
                        <td style="padding: 8px 0;">学生性别</td>
                        <td style="padding: 8px 0;">
                            <select name="gender" style="outline: none;padding: 8px 0px 8px 8px;width: 98%;border: 0px;">
                                <option value="1" <%= (result[0].gender == 1) ? 'selected=selected' : '' %>>男</option>
                                <option value="0" <%= (result[0].gender == 0) ? 'selected=selected' : '' %>>女</option>
                            </select>
                        </td>
                    </tr>

                    <tr align="center" >
                        <td style="padding: 8px 0;">出生年月</td>
                        <td style="padding: 8px 0;">
                            <input type="month" value="<%= moment(result[0].birtmp).format('YYYY-MM')%>"  name="birtmp" style="outline: none;padding: 8px 0px 8px 8px;width: 98%;border: 0px;" />
                        </td>
                    </tr>

                    <tr align="center" >
                        <td style="padding: 8px 0;">个人简介</td>
                        <td style="padding: 8px 0;">
                            <textarea rows="6"  name="intro" style="outline: none;width: 98%;border: 0px;" ><%= result[0].intro %></textarea>
                        </td>
                    </tr>
                    <tr align="center" >
                        <td colspan="2" style="padding: 8px 0;">
                            <input type="submit" style="width: 99%; background-color: aquamarine; color: white;display: block;line-height: 30px;border: 1px solid aquamarine;cursor: pointer;" value="修改" />
                        </td>
                    </tr>
                </table>

            </form>

        </div>
    </div>
</div>
</body>
</html>

